<div class="payment_top">
    <a  href="javascript:history.go(-1)"><img class="backImg" src="images/leftarrow.png"></a>
    <span class="payment_title">点餐二维码</span>
</div>
<div class="meal_code_content">
    <div class="meal_code_content_detail" style="position: relative">
        <img ng-hide="vm.foodinfo.foodurl" src="images/tablemedia_shopad/video.png" style="width: 1rem;height: 1rem;margin-top: 1rem;">
        <img ng-show="vm.foodinfo.foodurl" ng-src="{{vm.foodinfo.foodurl}}" style="width: 100%;height: 100%;">
        <!--图片视频区域-->
        <!--</div>-->
        <div  class="upload-video" id="big" style="position: absolute;width: 100%;height: 100%;top: 0;left: 0">
            <!--二维码区域-->
            <div id="box" class="qrcode-box" style="position: absolute;">
            </div>
        </div>
    </div>
    <div class="meal_code_content_text" style="font-size: 18px;margin-top: 20px">
        <span>拖拽二维码设置位置</span>
    </div>
    <div class="meal_code_content_text" style="font-size: 18px;margin-top: 20px">
        <span>播放时长：
            <select class="btn-shoplist " ng-model="vm.foodinfo.foodtime">
                <option ng-repeat="industry in vm.industrys" ng-value="industry.num">{{industry.num}}</option>
            </select>
            秒
        </span>
    </div>
    <div style="text-align: center;margin-top: 1rem;">
        <button style="padding: 10px 20px;background-color: #0a92ef;color: #ffffff;border-radius: 4px;" ng-click="vm.cancelChange()">取消</button>
        <button style="padding: 10px 20px;margin-left: 20px;background-color: #0a92ef;color: #ffffff;border-radius: 4px;" ng-click="vm.saveChange()">保存</button>
    </div>
</div>
<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.sureBtn()"
                   cancelbtn="vm.cancelBtn()"></message-Component>